<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>Page about css knowledge</title>
	<link rel="stylesheet" type="text/css" href="styles/css_test.css" media="screen">
	<style type="text/css">
		
	</style>
</head>
<body>
	Hello world!
	<div id="div1">
		<a href="http://www.baidu.com" target="_blank">baidu link</a>
		<button type="button" name="hello" >baidu link</button>
		<input type="button" name="hello" value="hello">
		<input type="submit" name="hello1" value="hello1">
		<input type="text" name="hello2" value="hello2">
		<p>This test show the custom font.</p>
	</div>
	<span></span>
	<div id="div2">
		<button type="button"> baidu link </button>
	</div>
	<div id="bg_flower">
		background flower
		</br>
		second line
		<br/>
		third line
		<br/>
		forth line
		<br/><br/><br/><br/><br/><br/>
	</div>
	<div id="bg_flower1">
		background flower
		</br>
		second line
		<br/>
		third line
		<br/>
		forth line
		<br/><br/><h2>向标题中添加阴影</h2><br/><br/><br/><br/>
	</div>
	
	<p class="test">This paragraph contains a very long word:
	thisisaveryveryveryveryveryveryverylongword. The long word will break and wrap to the next line.
	</p>

	<p id="para1" class="center" style="color:sienna">Test the id class.</p>
	<div>
		<p style="border: 1px solid red; outline: green dotted thick;"><b>Note:</b>IE8 supports the outline properties only if a !DOCTYPE is specified.</p>
		<p style="background:yellow; margin-top:10px;padding-top:5px;">This is a paragraph with specified margins.</p>
		<p>contrast</p>
	</div>
	<div>
		<h1> This is a visivle heading.</h1>
		<h1 class="hidden">This is a hidden heading</h1>
		<h1 class="display">This is also a hidden heading.</h1>
		<p><b>Notice:</b> the hidden heading still takes up space.</p>
	</div>
	
</body>
</html>
